<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="m@markzou.com">
    <link rel="shortcut icon" href="favicon.png">
    <title>${(jshopbasicinfo.jshopname)} - 商城首页</title>

    <!-- fav icons -->
    <link rel="shortcut icon" href="${basepath}/ui/assets/img/favicon.png" />

    <link rel="stylesheet" type="text/css" href="${basepath}/ui/assets/css/inc_default_theme.css">
    <link rel="stylesheet" type="text/css" href="${basepath}/ui/assets/css/bootstrap.css">

    <script src="${basepath}/ui/assets/js/bootstrap.min.js"></script>
    <script src="${basepath}/ui/assets/js/jquery-1.9.0.min.js"></script>

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="${basepath}/ui/assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respipond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="${basepath}/ui/assets/js/html5shiv.js"></script>
      <script src="${basepath}/ui/assets/js/respond.min.js"></script>
    <![endif]-->


</head>

<body>

<div class="container-fluid nopadding">

    <div class="page_content_orderpage">

        <div class="pc_head">
        
            <!-- 头部开始 -->
            <#include "/WEB-INF/theme/default/shop/header.ftl">
            <!--导航条-->
            <#include "/WEB-INF/theme/default/shop/mainnavigation.ftl">

        </div>

        <div class="pc_local">
            <div class="pc_w1200">
                <ul class="gps">
                    <li><span class="glyphicon glyphicon-map-marker"></span></li>
                    <li><a href="">网站首页</a></li>
                    <li><a href="" class="current">订单</a></li>
                </ul>
            </div>
        </div>

        <div class="pc_body">
            <div class="pc_w1200">

                <div class="pc_mod">

                    <div class="order_main">
                        <div class="om_t">填写并核对订单信息</div>

                        <div class="om_content_01">
                            <div class="oc_tit">
                                <span><a data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">[新增收货地址]</a></span>
                                收货人信息
                            </div>
                            <div class="collapse" id="collapseExample" style="clear: both; overflow: hidden; margin: 20px 0 0px 0 !important;">
                                <div class="alert alert-warning alert-dismissible fade in" role="alert" style=" margin-bottom: 0px !important; overflow: hidden;">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <div class="form-group">
                                        <label style="padding-bottom: 10px;">请输入详细地址</label>
                                        <div style="display: block; width: 100%; clear: both">
                                            <span style="float: left; width: 150px; padding-right: 10px;">
                                                <select id="province" name="province" class="form-control"></select>
                                            </span>
                                            <span style="float: left; width: 150px; padding-right: 10px;">
                                                <select id="city" name="city"class="form-control"></select>
                                            </span>
                                            <span style="float: left; width: 150px; padding-right: 10px;">
                                                <select id="area" name="area"class="form-control"></select>
                                            </span>
                                        </div>
                                        <div style="display: block; width: 100%; padding-top: 13px; clear: both; ">
                                            <input type="text" class="form-control" id="street" name="street" placeholder="请输入地址精确到门牌号">
                                        </div>
                                    </div>
                                    <div class="form-group" style="display: block; width: 10%; float: left;">
                                        <label class="control-label">收货人</label>
                                        <input type="text" id="shippingusername"  name="shippingusername" class="form-control" placeholder="请输入收货人姓名">
                                    </div>
                                    <div class="form-group" style="display: block; width: 30%; float: left; margin-left: 20px;">
                                        <label class="control-label">手机</label>
                                        <input type="text" id="mobile" name="mobile" class="form-control" placeholder="请输入手机号码">
                                    </div>
                                    <div class="form-group" style="display: block; width: 10%; float: left; margin-left: 20px; clear: right">
                                        <label class="control-label">邮编</label>
                                        <input type="text" id="postcode" name="postcode" class="form-control" placeholder="请输入邮编">
                                    </div>
                                    <div class="form-group" style="display: block; width: 20%; margin-left: 20px; float: right">
                                        <label class="control-label">给地址取个名称</label>
                                        <input type="text" id="addresstag" name="addresstag" class="form-control" placeholder="请输入一个地址别名">
                                    </div>
                                    <div class="form-group" style="display: block;  float: left; clear: both">
                                        <button type="button" onclick="savedeliveraddress('${basepath}')" id="saveaddress" name="saveaddress" class="btn btn-default">增加</button>
                                        <span id="emsg"></span>
                                    </div>
                                </div>
                            </div>
                            <!--显示收获地址-->
                            <#if (deliveraddress??)&&(deliveraddress?size>0)>
                            <ul class="add_list">
                                <#list deliveraddress as d>
                                <li>
                                    <div class="all_l">
                                        <div class="al_lab"><a id="addresslink${d.addressid}" name="addresslink" class="" href="javascript:void()" onclick="setcurrentaddress($(this),'${d.addressid}');">${d.addresstag}</a></div>
                                    </div>
                                    <div class="all_r">
                                        <div class="al_detail">
                                            <span>${d.shippingusername}</span>
                                            <span>${d.mobile}</span>
                                            ${d.country}-${d.province}-${d.city}-${d.district}-${d.street}
                                        </div>
                                    </div>
                                </li>
                                </#list>
                            </ul>
                            </#if>
                        </div>
                        <#if (logistics??)&&(logistics?size>0)>
                        <div class="om_content_02">

                            <div class="oc_tit">
                                物流商
                            </div>
                            <ul class="add_list2">
                                <#list logistics as l>
                                <li>
                                    <div class="al_lab2"><a id="logisticslink${l.logisticsid}" name="logisticslink" class="" href="javascript:void()" onclick="setcurrentlogistics($(this),'${l.logisticsid}');">${l.logisticsname}</a></div>
                                </li>
                                </#list>
                            </ul>

                        </div>
                        </#if>
                        <#if (payments??)&&(payments?size>0)>
                        <div class="om_content_02">

                            <div class="oc_tit">
                                支付方式
                            </div>
                            <ul class="add_list2">
                                <#list payments as p>
                                <li>
                                    <div class="al_lab2"><a id="paymentlink${p.paymentid}" name="paymentlink" class="" href="javascript:void()" onclick="setcurrentpayment($(this),'${p.paymentid}','${p.paymentCode}')" >${p.paymentname}</a></div>
                                </li>
                                </#list>
                            </ul>
                            
                            <div class="collapse" id="collapseExample2" style=" overflow: hidden; margin: 20px 0 0px 0 !important;">
                                <div class="alert alert-warning alert-dismissible fade in" role="alert" style=" margin-bottom: 0px !important; overflow: hidden;">

                                    <ul class="bank_list">
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios2"
                                                           value="BOC-DEBIT" checked>
                                                    <img src="${basepath}/ui/assets/img/icons/bank/zgico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios3"
                                                           value="ICBC-DEBIT" >
                                                    <img src="${basepath}/ui/assets/img/icons/bank/gsico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios4"
                                                           value="CCB-DEBIT" >
                                                    <img src="${basepath}/ui/assets/img/icons/bank/jsico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios5"
                                                           value="COMM" >
                                                    <img src="${basepath}/ui/assets/img/icons/bank/jtico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios8"
                                                           value="CMB-DEBIT" >
                                                    <img src="${basepath}/ui/assets/img/icons/bank/zsico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios9"
                                                           value="CITIC-DEBIT" >
                                                    <img src="${basepath}/ui/assets/img/icons/bank/zxico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios11"
                                                           value="BJBANK" >
                                                    <img src="${basepath}/ui/assets/img/icons/bank/bjico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios12"
                                                           value="CEB-DEBIT" >
                                                    <img src="${basepath}/ui/assets/img/icons/bank/gdico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios13"
                                                           value="GDB-DEBIT" >
                                                    <img src="${basepath}/ui/assets/img/icons/bank/gfico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios15"
                                                           value="CMBC" >
                                                    <img src="${basepath}/ui/assets/img/icons/bank/msico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios18"
                                                           value="BJRCB" >
                                                    <img src="${basepath}/ui/assets/img/icons/bank/paico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="optionsRadios" id="optionsRadios19"
                                                           value="SPA-DEBIT" >
                                                    <img src="${basepath}/ui/assets/img/icons/bank/shico.png" alt="" class="img-responsive"/>
                                                </label>
                                            </div>
                                        </li>
                                    </ul>
                                    
                                </div>
                            </div>
                            
                        </div>
                        </#if>
                        <!--isgoodsfromcart ＝0 不从购物车中取出货物列表-->
                        <#if (isgoodsfromcart=='0')>
                        <div class="om_content_03">
                            <div class="oc_tit">
                                
                                送货清单
                            </div>
                            <#if (goods??)>
                            <ul class="qd_l">
                                <li>
                                    <table class="qlt">
                                        <tr>
                                            <td class="t1">
                                                <div class="tt_img">
                                                    <#list goods.pictureurl?split(",") as atl>
                                                    <#if atl_index=0>
                                                        <img src="${basepath}/${atl}" width="50px" height="50px" alt="${goods.goodsname}">
                                                    </#if>
                                                    </#list>  
                                                </div>
                                                   
                                            </td>
                                            <td>
                                                <a href="${basepath}/goods/getGoodsDetail?goodsid=${goods.goodsid}">
                                                    <span>${goods.goodsname}</span>
                                                </a>
                                            </td>
                                            <td class="t2">￥${goods.memberprice}</td>
                                            <td class="t1">x1</td>
                                        </tr>
                                    </table>
                                </li>                              
                            </ul>
                            </#if>
                            <div class="qd_r">
                                <div class="oc_tit">
                                    填写订单备注
                                </div>
                                <div class="dd_book">
                                    <textarea id="customerordernotes" name="customerordernotes" class="form-control" rows="3"></textarea>
                                </div>
                                <div class="dd_book">
                                    提示：请勿填写有关支付、收货、发票方面的信息。
                                </div>
                            </div>
                        </div>
                        </#if>
                        <!--isgoodsfromcart ＝0 不从购物车中取出货物列表-->
                        <#if (isgoodsfromcart=='1')>
                        <div class="om_content_03">
                            <div class="oc_tit">
                                <span><a href="">[返回购物车修改]</a></span>
                                送货清单
                            </div>
                            <ul class="qd_l">
                                <#if (membercart??)&&(membercart?size>0)>
                                <#list membercart as m>
                                <li>
                                    <table class="qlt">
                                        <tr>
                                            <td class="t1">
                                                <div class="tt_img">
                                                     <img src="${basepath}/${m.picture}" width="50px" height="50px" alt="${m.goodsname}">                                                   
                                                </div>
                                            </td>
                                            <td>
                                                <a href="${basepath}/goods/getGoodsDetail?goodsid=${m.goodsid}">
                                                    <span>${m.goodsname}</span>
                                                </a>
                                            </td>
                                            <td class="t2">￥${m.favorable}</td>
                                            <td class="t1">x${m.needquantity}</td>
                                        </tr>
                                    </table>
                                </li>
                                </#list>
                                </#if>                             
                            </ul>
                            <div class="qd_r">
                                <div class="oc_tit">
                                    填写订单备注
                                </div>
                                <div class="dd_book">
                                    <textarea id="customerordernotes" name="customerordernotes" class="form-control" rows="3"></textarea>
                                </div>
                                <div class="dd_book">
                                    提示：请勿填写有关支付、收货、发票方面的信息。
                                </div>
                            </div>
                        </div>
                        
                        </#if>


                        

                        <div class="om_content_02">

                            <div class="oc_tit">
                                <span><a data-toggle="collapse" href="#collapseExample2"  data-target="#collapseExample3" aria-expanded="false" aria-controls="collapseExample3">[新增发票抬头]</a></span>
                                发票信息
                            </div>
                            <div class="collapse" id="collapseExample3" style="clear: both; margin: 20px 0 0 0 !important;">
                                <div class="alert alert-warning alert-dismissible fade in" role="alert" style=" margin-bottom: 0px !important; overflow: hidden;">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <div class="form-group">
                                        <label style="padding-bottom: 10px;">请输入新的发票抬头。</label>
                                        <input type="text" class="form-control" id="invpayee" name="invpayee" placeholder="请输入发票抬头">
                                    </div>
                                    <button type="button" onclick="saveinvoice('${basepath}')" id="saveinvoice" name="saveinvoice" class="btn btn-default">增加</button>
                                    <span id="emsg2"></span>
                                </div>
                            </div>
                            <#if (invoice??)&&(invoice?size>0)>
                            <ul class="add_list3">
                                <#list invoice as i>
                                <li>
                                    <div class="al_lab3"><a id="invoicelink${i.id}" name="invoicelink"  href="javascript:void();" class="" onclick="setcurrentinvoice($(this),'${i.id}')">${i.invpayee}</a></div>
                                </li>
                                </#list>
                            </ul>
                            </#if>
                        </div>

                        <div class="peicr_info">
                            <div class="pi"><span class="pil">${cartneedquantity}件商品，总金额：</span><span class="pir">￥${totalprice}</span></div>
                            <div class="pi"><span class="pil">运费：</span><span class="pir">￥${freight}</span></div>
                            <div class="pi"><span class="pil">应付总额：</span><span class="pir">￥${totalfreight}</span></div>
                        </div>

                        <div class="peicr_check">
                            <div class="pcl">应付总额：<span>￥${totalfreight}</span></div>
                            <div class="pcr"><a href="javascript:payorder('${basepath}')">提交订单</a></div>
                        </div>
                        <!--订单页面所需参数-->
                        <!--收获地址id-->
                        <input id="deliveraddressid" name="deliveraddressid" value="" type="hidden" />
                        <!--物流商id-->
                        <input id="logisticsid" name="logisticsid" value="" type="hidden" />
                        
                        <!--支付方式id-->
                        <input id="paymentid" name="paymentid" value="" type="hidden" />
                        <!--发票抬头id-->
                        <input id="invoiceid" name="invoiceid" value="" type="hidden" />
                        <!--购物车商品id串-->
                        <input id="cartgoodsid" name="cartgoodsid" value="${cartgoodsid}" type="hidden" />
                        <!--运费-->
                        <input id="freight" name="freight" value="${freight}" type="hidden" />
                        <!--是否从购物车中结算商品数据标记-->
                        <input id="isgoodsfromcart" name="isgoodsfromcart" value="${isgoodsfromcart}" type="hidden" />
                        <!--订单标记-->
                        <input id="ordertag" name="ordertag" value="" type="hidden" />
                    </div>
                    
                </div>


            </div>
        </div>
        
        <#include "/WEB-INF/theme/default/shop/footer.ftl">
        


    </div>

</div>

<script src="${basepath}/ui/assets/js/collapse.js"></script>
<script src="${basepath}/ui/assets/js/PCASClass.js"></script>
<script type="text/javascript" src="${basepath}/ui/js/jquery.query.js"></script>
<script type="text/javascript" src="${basepath}/ui/js/order.js"></script>
<script language="javascript" defer>
    new PCAS("province","city","area","吉林省","吉林市","龙潭区");
</script>

</body>
</html>
